<!DOCTYPE html>
<<html class="loading" lang="en" data-textdirection="ltr"  xmlns:th="http://www.thymeleaf.org">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <title>明日校园管理平台</title>
    <link rel="stylesheet" type="text/css" href="/app-assets/css/vendors.css">
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_2959825_4s6hxoaw6k7.css">
</head>
<body class="vertical-layout vertical-menu 2-columns   menu-expanded fixed-navbar" data-open="click"
      data-menu="vertical-menu" data-color="bg-gradient-x-purple-blue" data-col="2-columns">
<div th:replace="header::header"></div>
<div class="main-menu menu-fixed menu-light menu-accordion    menu-shadow " data-scroll-to-active="true"
     data-img="app-assets/images/backgrounds/02.jpg">
    <div class="navbar-header">
        <ul class="nav navbar-nav flex-row">
            <li class="nav-item mr-auto"><a class="navbar-brand" href="../index.html"><img class="brand-logo"
                                                                                           alt="Chameleon admin logo" src="/app-assets/images/logo2.png" />
                <h3 class="brand-text">明日校园管理平台</h3>
            </a></li>
            <li class="nav-item d-md-none"><a class="nav-link close-navbar"><i class="ft-x"></i></a></li>
        </ul>
    </div>
    <div th:replace="menu::menu"></div>


    <div class="navigation-background"></div>
</div>
<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-wrapper-before"></div>
        <div class="content-header row">
            <div class="content-header-left col-md-4 col-12 mb-2">
                <h3 class="content-header-title">成绩信息</h3>
            </div>
            <div class="content-header-right col-md-8 col-12">
                <div class="breadcrumbs-top float-md-right">
                    <div class="breadcrumb-wrapper mr-1">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a th:href="@{/}">主页</a></li>
                            <li class="breadcrumb-item"><a th:href="@{/pwd}"> 修改密码</a></li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <section class="file-browser">
                <div class="row match-height">
                    <div class="col-lg-12 col-md-12">
                        <div class="card" style="">
                            <div class="card-block">
                                <div class="card-body">
                                    <div class="topbtn">
                                        <a href="../student/editStudent.html" class="btn btn-bg-gradient-x-purple-red" th:href="@{/score/update}" >添加</a>
                                    </div>

                                    <div class="selbox">
                                        <div class="form1">
                                            <form th:action="@{/score/select}">
                                                <div class="selbox">
                                                    <div class="form1">
                                                        <ul class="row">
                                                            <li class="col-xs-4">
                                                                <span>学号：</span>
                                                                <label>
                                                                    <input type="text" class="form-control" name="studentCode">
                                                                </label>
                                                            </li>
                                                            <li class="col-xs-4">
                                                                <span>班级：</span>
                                                                <label>
                                                                    <select name="classCode" id="classCode" class="form-control">

                                                                        <option value="">选择班级</option>

                                                                        <option th:each="classes : ${classesList}" th:value="${classes.classCode}" >
                                                                            <span th:text="${classes.className}"></span>
                                                                        </option>
                                                                    </select>
                                                                </label>
                                                            </li>
                                                            <li class="col-xs-4">
                                                                <span>课程：</span>
                                                                <label>
                                                                    <select name="courseCode" id="courseCode" class="form-control">

                                                                        <option value="">选择课程</option>

                                                                        <option th:each="course : ${courseList}" th:value="${course.courseCode}" >
                                                                            <span th:text="${course.courseName}"></span>
                                                                        </option>
                                                                    </select>
                                                                </label>
                                                            </li>
                                                            <li class="col-xs-4" style="padding-left: 10px">
                                                                <input href="#" class="btn btn-primary" type="submit" value="查询"/>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </form>

                                        </div>
                                    </div>


                                    <table class="table ">
                                        <thead>
                                        <tr>

                                            <th>学号</th>
                                            <th>姓名</th>
                                            <th>班级</th>
                                            <th>课程号</th>
                                            <th>成绩</th>



                                            <th width="100">操作</th>

                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr th:each="score : ${page.list}">
                                            <td th:text="${score.studentCode}"></td>
                                            <td th:text="${score.name}"></td>
                                            <td th:text="${score.classCode}"></td>
                                            <td th:text="${score.courseCode}"></td>
                                            <td th:text="${score.grades}"></td>



                                            <td><a style="color: #0e459e" th:href="@{/score/edit/{id}(id=${score.id})}">编辑</a>
                                                <a style="color: #992900" th:href="@{/score/delete/{id}(id=${score.id})}">删除</a>
                                            </td>
                                        </tr>


                                        </tbody>
                                    </table>
                                    <!--分页-->
                                    <table class="m-mobile-wide" width="425px">
                                        <tbody>
                                        <tr align="center">
                                            <td>
                                                <a th:href="@{/score/queryAll/(pageNum=${page.pageNum}-1)}" class="ui button basic mini"
                                                   th:unless="${page.isFirstPage}">上一页</a>
                                            </td>
                                            <td>
                                                第
                                                <h8 th:text="${page.pageNum}">2</h8>
                                                页/共
                                                <h8 th:text="${page.pages}">4</h8>
                                                页
                                                共
                                                <h8 th:text="${page.total}">29</h8>
                                                条
                                            </td>
                                            <td>
                                                <form name="pageForm" th:action="@{/score/queryAll}" method="get">
                                                    <div class="ui mini input ">
                                                        <input type="text" class="m-bg" name="pageNum" placeholder="页码"
                                                               style="width: 50px!important; height: 27.76px!important;" required>
                                                        <button type="submit"
                                                                style="font-size: 11px!important;width: 30px!important; height: 0px!important; border: none;margin: 5px;padding: 0;"
                                                                class="ui grey button mini">
                                                            跳转
                                                        </button>
                                                    </div>
                                                </form>
                                            </td>
                                            <td> &nbsp;</td>
                                            <td style="float: right">
                                                <a th:href="@{/score/queryAll/(pageNum=${page.pageNum}+1)}" class="ui button basic mini " style="float: right;"
                                                   th:unless="${page.isLastPage}">下一页</a>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
<footer class="footer footer-static footer-light navbar-border navbar-shadow">
    <div class="clearfix blue-grey lighten-2 text-sm-center mb-0 px-2"><span
            class="float-md-left d-block d-md-inline-block">2021 &copy;TomorrowSchoolMs 明日校园智慧管理系统 © 2021-2024</span>
        <ul class="list-inline float-md-right d-block d-md-inline-blockd-none d-lg-block mb-0">
            <li class="list-inline-item">明日校园智慧管理系统</li>
        </ul>
    </div>
</footer>
<!-- BEGIN VENDOR JS-->
<script src="/app-assets/js/vendors.min.js" type="text/javascript"></script>
<script src="/app-assets/js/app-menu.js" type="text/javascript"></script>
<script src="/app-assets/js/app.js" type="text/javascript"></script>
<script src="/app-assets/laydate/laydate.js" type="text/javascript"></script>

<script>
    lay('#version').html('-v' + laydate.v);
    laydate.render({
        elem: '#date'
        , range: true
        , theme: '#6967ce'
    });
</script>
</body>

</html>